<!doctype html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="description" content="{MetaDescription}" />

    <title>{Title}</title>

    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <!-- Tumblr variable -->
    <meta name="image:Header" content=""/>

    <style>
	body { font-family:NanumGothic; margin:0; padding:0 0 50px;  }
    ol, ul { list-style:none; padding:0; }
	a { color:#333; text-decoration:none; }
	a:hover { color:#999; }
	
	.index { width:600px; margin:100px auto 30px; }
    .header { width:500px; margin:10px auto 0; }
	.description { text-align:center;font-size:14px;line-height:30px;margin:50px 0; }
	.description p a:hover { color:#eee; text-shadow:#333 0 0 3px; }
    .wrap { width:500px; margin:10px auto 0; }
	.footer { position:fixed; bottom:0; left:50%; width:540px; margin-left:-270px; border-radius:50px 50px 0 0; text-align:center; background:#333; }
	.footer a { display:inline-block; color:#eee; padding:10px 5px 5px; font-size:12px; }
	.footer a:hover { color:#f66; }
	
	.location { width:500px; margin: 0 auto; }
	.map { width:100%; padding:30px 0; text-align:center; border-radius:10px; box-shadow:#333 1px 1px 6px; }
	.roadview { width:500px; height:300px; }
	.transport { overflow:hidden; }
	.transport .item { width:250px; float:left; }
	.transport h4 { font-size:14px; margin:15px 0px 10px; }
	.transport ul { margin:0; }
	.transport ul li { font-size:12px; line-height:20px; }
	.transport ul li ul { margin-bottom:10px; }
    </style>
</head>
<body>

	<div class="header">
        <h1 class="title"><img src="img/title.png" alt="{Title}" /></h1>
	</div>
	
    <div class="wrap">
        <ul id="posts">
			<li class="post text">
							
<div class="location">
	<div class="map" id="map">
		<img src="img/location.png" >
	</div>
	<div class="transport">
		<h4>교통회관 더 컨벤션</h4>
		<ul>
			<li>서울특별시 송파구 올림픽대로 319 교통회관</li>
			<li>(옛주소: 서울특별시 송파구 신천동 11-7번지 교통회관)</li>
		</ul>
		
		<div class="item">
			<h4>지하철</h4>
			<ul>
				<li>2호선 잠실역 8번 출구 약 300m</li>
				<li>8호선 잠실역 9번 출구 약 30m</li>
			</ul>
		
			<h4>주차안내</h4>
			<ul>
				<li>교통회관 지상, 지하 주차장 이용</li>
				<li>잠실 지하 공영 주차장 이용 (2시간 무료주차)</li>
			</ul>
		</div>
		
		<div class="item">
			<h4>버스</h4>
			<ul>
				<li>지선버스(초록색)
					<ul>
						<li>2215, 2412, 2415, 3215, 3216, 3313, 3315, 3411, 3412, 3413, 3414, 4313, 4318, 4319</li>
					</ul>
				</li>
				<li>간선버스(파랑색)
					<ul>
						<li>302, 320, 341, 3003, 8361</li>
					</ul>
				</li>
				<li>좌석버스
					<ul>
						<li>1112, 1115, 1115-6, 1117, 1670, 1000, 1100, 1200, 1700, 2000, 7000, 7007, 8002, 8012, 9005, 9403, 500-1</li>
					</ul>
				</li>
				<li>시외버스
					<ul>
						<li>30-1, 30-3, 30-5, 16, 32, 70, 88, 100, 116, 119</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</div>

<script type="text/javascript" src="http://apis.daum.net/maps/maps3.js?apikey=04b2bac6260d0227947554ab862f34c92b087a57"></script>
<script type="text/javascript">
/*
(function() {
	var position = new daum.maps.LatLng(37.51586344646237, 127.10558017677462);

	var map = new daum.maps.Map(document.getElementById('map'), {
		center: position,
		level: 4,
		mapTypeId: daum.maps.MapTypeId.ROADMAP
	});

	var marker = new daum.maps.Marker({
		position: position
	});
	marker.setMap(map);

})();
*/
</script>
			</li>
		</ul>
	</div>

    <div class="footer">
		<a href="/">Home</a>
		<a href="/location">오시는 길</a>
	</div>

</body>
</html>
